<template>
	<div id="app">
		<!-- 应用根组件 -->
	</div>
</template>

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	/* 全局导航栏样式美化 */
	page {
		overflow-x: hidden;
	}

	/* 导航栏过渡动画 */
	page, .uni-page-head {
		transition: all 0.3s ease-in-out;
	}

	/* 美化按钮点击效果 */
	button:active {
		opacity: 0.8;
		transform: scale(0.98);
	}

	/* 全局滚动条美化 */
	::-webkit-scrollbar {
		width: 4rpx;
		height: 4rpx;
	}

	::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 2rpx;
	}

	::-webkit-scrollbar-thumb {
		background: #888;
		border-radius: 2rpx;
	}

	::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

	/* 全局加载动画 */
	.uni-loading {
		animation: spin 1s linear infinite;
	}

	@keyframes spin {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}
</style>
